
body,html{
    background: #f8f8f8;
}

/*页头*/
header{
    height:0.44rem;
    line-height: 0.44rem;
    font-size: 0.16rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;  
    width: 100%; 
    position: fixed;
    top: 0;
    left: 0;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
    z-index: 999;
}

header a{
    display: block;
    width: 0.5rem;
    height: 100%;
    background: url("../../../../common/img/back.png") no-repeat center center;
    background-size: .2rem;
}

header .head{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 0.16rem; 
    text-align: center;
}

header span{
    display: block;
    width: 0.5rem;
    height: 100%;
}

section{
    font-size: .14rem;
    min-height: 80%;
}

section aside{
    background: #fff;
    padding: .12rem;
    min-height: 2.1rem;
}

section aside img{
    width: .95rem;
    height: .95rem;
    display: block;
    float: left;
    margin-right: .11rem;
}

section aside .goods_info{
     line-height: .3rem;
     width: 2.1rem;
}

section aside .goods_info>p{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

section aside .goods_info .color{
    margin-right: .09rem;
}

section aside ul{
    padding-top: .12rem;
}

section aside li{
    color: #666;
    line-height: .27rem;
}

.ref_reason{
    padding: 0 .12rem;
    height: .48rem;
    line-height: .48rem;
    position: relative;
    margin-top: .13rem;
    background: #fff;
}

.ref_reason span.right{
    padding-right: .1rem;
    /*background: url("../img/more.png") no-repeat right center;*/
    background-size: .07rem .13rem;
}

.progress{
    padding: .12rem;
    background: #fff;
    margin: .12rem 0;
}

.progress img,
.progress ul{
    display: block;
    float: left;
}

.progress img{
    width: .18rem;
    height: .98rem;
    margin-right: .1rem;
}

.progress li{
    color: #666;
}

.progress .mid{
    margin: .2rem 0;
}

.progress .redcolor{
    color: #ea540a;
}


/*原因*/
.ref_reason{
    padding: 0 .12rem;
    height: .48rem;
    line-height: .48rem;
    position: relative;
    margin-top: .13rem;
    background: #fff;
}

.tips{
    padding:.12rem;
}

.tips p{
    color: #999;
    line-height: .2rem;
}

.tips p span{
    color: #ea540a;
}

.tips p:before{
    content:"";
    display: block;
    float: left;
    margin-top: .07rem;
    width: .05rem;
    height: .05rem;
    margin-right: .06rem;
    border-radius: 50%;
    background: #ccc;
}

.progress{
    padding: .12rem;
    background: #fff;
    margin-bottom: .12rem;
}

.progress img,
.progress ul{
    display: block;
    float: left;
}

/*.progress img{
    width: .18rem;
    height: 1.32rem;
    margin-right: .1rem;
}*/

.progress li{
    color: #666;
    margin-top: .19rem;
    width: 2.95rem;
}

.progress .top{
    color: #ea540a;
    margin-top: 0;
}

.progress .redcolor{
    color: #ea540a;
}

.ref_num,
.ref_number,
.reason{
    background: #fff;
    padding: 0 .12rem;
    border-bottom: 1px solid #f8f8f8;
    line-height: .45rem;
    height: .45rem;
}

.ref_exp{
    background: #fff;
    padding: 0 .12rem;
    border-bottom: 1px solid #f8f8f8;
    line-height: .45rem;
}

.ref_exp>p{
    width: 2.4rem;
    line-height: .24rem;
    margin: .1rem 0;
}

.ref_img{
    height: 1.25rem;
    background: #fff;
    padding: 0 .12rem .12rem;
    border-bottom: 1px solid #f8f8f8;   
}

.ref_img>p{
    line-height: .45rem;
}

.ref_img li{
    display: block;
    float: left;
    margin-right: .1rem;
}

.ref_img li img{
    display: block;
    width: .8rem;
    height: .8rem;
}

/*退款处理中*/

.ref_ing h3{
    height: .45rem;
    line-height: .45rem;
    background: #feb836 url("../img/tanhao.png") no-repeat .9rem center;
    background-size: .17rem .17rem;
    color: #fff;
    text-align: center;
    margin-top: .12rem;
    font-size: .14rem;
}

.ref_ing p{
    color: #999;
    padding: .12rem;
}

.ref_ing p:before{
    content:"";
    display: block;
    float: left;
    margin-top: .07rem;
    width: .05rem;
    height: .05rem;
    margin-right: .06rem;
    border-radius: 50%;
    background: #ccc;
}

/*退款成功*/
.ref_success h3{
    height: .45rem;
    line-height: .45rem;
    background: #599fff url("../img/duihao.png") no-repeat .34rem center;
    background-size: .17rem .17rem;
    color: #fff;
    text-align: center;
    margin-top: .12rem;
    font-size: .14rem;
}

/*退款失败*/
.ref_fail h3{
    height: .45rem;
    line-height: .45rem;
    background: #fe6464 url("../img/chahao.png") no-repeat .7rem center;
    background-size: .17rem .17rem;
    color: #fff;
    text-align: center;
    margin-top: .12rem;
    font-size: .14rem;
}

.ref_fail p{
    color: #999;
    padding: .12rem;
}

.ref_fail p:before{
    content:"";
    display: block;
    float: left;
    margin-top: .07rem;
    width: .05rem;
    height: .05rem;
    margin-right: .06rem;
    border-radius: 50%;
    background: #ccc;
}

.ref_fail p span{
    color: #ea540a;
}

.ref_fail .btn{
    width: 2.63rem;
    margin: 0 auto;
    margin-top: .12rem;
    margin-bottom: .2rem;
}

.ref_fail .btn input[type="button"]{
    display: block;
    width: .85rem;
    height: .3rem;
    border: 1px solid #ea540a;
    background: #fff;
    color: #ea540a;
    border-radius: 3px;
    font-size: .14rem;
}

.ref_talk{
    background: #fff;
    padding: 0 .12rem;
    border-bottom: 1px solid #f8f8f8;
    line-height: .45rem;
}

.ref_talk>p{
    width: 2.4rem;
    line-height: .24rem;
    margin: .1rem 0;
}

/*退款处理中*/

.ref_business,
.ref_tel,
.ref_url{
    background: #fff;
    padding: 0 .12rem;
    border-bottom: 1px solid #f8f8f8;
    line-height: .45rem;
    min-height: .45rem;
}

.ref_ingg h3 {
    height: .45rem;
    line-height: .45rem;
    background: #feb836 url("../img/tanhao.png") no-repeat .45rem center;
    background-size: .17rem .17rem;
    color: #fff;
    text-align: center;
    margin-top: .12rem;
    font-size: .14rem;
}

.ref_ingg p {
    color: #ea540a;
    padding: .12rem;
    font-size: .12rem;
}

.ref_ingg p:before {
    content: "";
    display: block;
    float: left;
    margin-top: .07rem;
    width: .05rem;
    height: .05rem;
    margin-right: .06rem;
    border-radius: 50%;
    background: #ccc;
}

.ref_talk {
    background: #fff;
    padding: 0 .12rem;
    border-bottom: 1px solid #f8f8f8;
    line-height: .45rem;
}

.ref_talk>p {
    width: 2.4rem;
    line-height: .24rem;
    margin: .1rem 0;
}

.ref_com,
.ref_code{
    background: #fff;
    padding: 0 .12rem;
    border-bottom: 1px solid #f8f8f8;
    line-height: .45rem;
    height: .45rem;
}

.ref_com input,
.ref_code input{
    /*display: block;*/
    width: 1.7rem;
    /*border: 1px solid #ddd;*/
    line-height: .26rem;
    margin-top: .08rem;
    text-indent: .06rem;
    font-size: .14rem;
}

.ref_msg{
    background: #fff;
    padding: 0 .12rem;
    border-bottom: 1px solid #f8f8f8;
    line-height: .45rem;
}

.ref_msg textarea{
    /*border: 1px solid #ddd;*/
    display: block;
    float: left;
    width: 2.6rem;
    height: 1.4rem;
    margin: .12rem 0;
    font-size: .14rem;
}

section>input[type="button"]{
    display: block;
    width: .74rem;
    height: .28rem;
    line-height: .28rem;
    border: 1px solid #ea540a;
    color: #ea540a;
    margin: 0 auto;
    background: #fff;
    border-radius: 3px;
    margin-top: .14rem;
    font-size: .14rem;
}

/*页脚*/
footer{
    height: .68rem;
    width: 100%;
}
.foo_infor{
    margin-top: .3rem;
    height: .38rem;
    background: #ea540a;
    color: #fff;
    border-bottom: 1px solid #ddd;
}
.foo_infor>p{
    float: left;
    height: .38rem;
    padding-left: .13rem;
    line-height: .38rem;
    font-size: .1rem;
}
.foo_infor_exit{
    text-decoration: underline;
    cursor: pointer;
}
.foo_infor_up{
    display: block;
    height: .26rem;
    width: .26rem;
    float: right;
    margin: .06rem .09rem 0 0;
}
.foo_coo{
    height: .29rem;
    text-align: center;
    line-height: .29rem;
    font-size: .09rem;
    color: #666;
}

.refund_time{
    display: inline-block;
    float: right;
    font-size: .1rem;
}